/* 123 */
@charset "utf-8";
/*share.min.css*/
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
/*share.min.css*/



.aboutHome .fr{ position:relative;}
.aboutHome .fr .list li+li{ display:none;}
.aboutHome .fr .list .info{ width:390px;}
.aboutHome .fr .list .info .dot{ display:block; font-size:16px; margin-top:70px;margin-left: 38px;}
.aboutHome .fr .list .info .txt{ color:#666; line-height:20px; padding-top:10px;}
.aboutHome .fr .list .info .txt a{ color:#f58221;}
.aboutHome .fr .HomeMore{ position:absolute; right:0; bottom:-12px;}

.aboutHome .fr .tab{ position:absolute; right:0; overflow:hidden; top:325px;}
.aboutHome .fr .tab .ul{ float:right;}
.aboutHome .fr .tab li{ line-height:30px; background:url(../images/button_video_off.png) left center; padding:0 20px; cursor:pointer; float:left; color:#666; font-size:14px; max-width:160px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-user-select: none; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.aboutHome .fr .tab li+li{ margin-left:-15px;}
.aboutHome .fr .tab li.on{ background-image:url(../images/button_video_on.png); color:#fff; font-weight:bold;}

.aboutHome .section-title{ text-align: left !important; margin-bottom: 20px;}
.aboutHome .section-left{margin-top: 3%;}
.left{float: left;}
.right{float: right;}
.section-title{ line-height: 30px;}
.section-left{ float: left; width: 40%; position: relative; overflow: hidden;padding-top: 50px}
.section-right{ float: right; width: 60%;position: relative;overflow: hidden;padding-top: 50px}
.section-right img{max-width: 100%}
.section-wrap-block .s-content .s-title {font-size: 24px;	background: #87b2c7;color: #FFF;font-weight: bold;	text-align: left;padding: 20px 0 20px 50px;}
.section-wrap-block .s-content .s-desc{ padding: 10px 20px 0 40px; text-align: left;}
/*.aboutHome .section-left{background: url(../images/02.png) right bottom no-repeat;}*/
.section-wrap-block .section-title span::after { content: ''; position: absolute; bottom: -10px; height: 4px; width: 50px; background-color: red; left: 0;}
.section-wrap-block{width: 100%; margin: 0 auto;}
.section-desc {
    width: 90%;
    line-height: 2;
    text-align: left;
    font-size: 16px;
}
.section-title {
    letter-spacing: 4px;
    margin-bottom: 10px;
    font-size: 1.5vw;
    font-weight: bold;
    color: #002886; position: relative;padding-bottom: 10px;
}
.section2 .section-title{ text-align: left; margin-bottom: 40px;}
.section-title span:after {content: ''; position: absolute; bottom: -10px; height: 4px; width: 50px; background-color: red; left: 0;}
.section-title-s { font-size: 1.2vw; color: #000000; margin-bottom: 2.5vw;}




.ProdSolu{ background:#f9fbfc;}
.ProdSolu .icobox{ position:relative; height:120px;}
.ProdSolu .icobox .more{ position:absolute; right:-25px; top:0; background:#f9fbfc; width:130px; cursor:pointer; z-index:1;}
.ProdSolu .icobox .list{ overflow:hidden; height:100px; width:1260px; margin:0 -30px;}
.ProdSolu .icobox .list.on{ position:absolute; z-index:2; min-height:435px; height:auto; background:url(../images/pic_pordsolu_bg.png) center; overflow:visible;}
.ProdSolu .icobox .list.on .topbg,
.ProdSolu .icobox .list.on .bottombg{ width:100%; height:20px; position:absolute; left:0;}
.ProdSolu .icobox .list.on .topbg{ background:url(../images/pic_pordsolu_topbg.png); top:-20px;}
.ProdSolu .icobox .list.on .bottombg{ background:url(../images/pic_pordsolu_bottombg.png); bottom:-20px;}
.ProdSolu .icobox .list li{ float:left; width:130px; margin:0 5px 25px 5px;}
.ProdSolu .icobox .list a{ display:block;}
.ProdSolu .icobox .pic img{ display:block; margin:0 auto; width:64px; height:64px;}
.ProdSolu .icobox .pic .on{ display:none;}
.ProdSolu .icobox .dot{ font-size:16px; color:#6d8ea0; text-align:center; line-height:26px;}
.ProdSolu .icobox .more:hover .dot,
.ProdSolu .icobox li:hover a{ color:#0d8fd2;}
.ProdSolu .icobox .more:hover .off,
.ProdSolu .icobox li:hover .off{ display:none;}
.ProdSolu .icobox .more:hover .on,
.ProdSolu .icobox li:hover .on{ display:block;}

.ProdSolu .infobox{ padding-bottom:30px;}
.ProdSolu .infobox .fl{ float:left; width:690px; position:relative;overflow: hidden;} 
/* .ProdSolu .infobox .fl .slick-list{height: 500px;} */
.ProdSolu .infobox .fl li .pic img{ width:100%; height:320px;}
.ProdSolu .infobox .fl li a.pic{ display:block;position: relative;padding-top: 42%;width: 100%}
.ProdSolu .infobox .fl li a span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: auto 100%;background-position: center;background-repeat: no-repeat;}
.ProdSolu .infobox .fl li .dot{ position:absolute; left:15px; bottom:30px; width:550px; color:#fff; font-size:14px;}
.ProdSolu .infobox .fl .bx-controls{ position:absolute; left:15px; bottom:20px;}
.ProdSolu .infobox .fl .bx-controls .bx-pager-item{ float:left; width:7px; height:7px;}
.ProdSolu .infobox .fl .bx-controls .bx-pager-item+.bx-pager-item{ margin-left:6px;}
.ProdSolu .infobox .fl .bx-controls .bx-pager-item a{ display:block; width:7px; height:7px; font-size:0; background:url(../images/button_pordsolu.png);}
.ProdSolu .infobox .fl .bx-controls .bx-pager-item a.active{ background-position: right;}
.ProdSolu .infobox .fr{ width:480px; float:right; overflow:hidden;}

.ProdSolu .infobox .fr li{ border:1px solid #e8eef2; background:#fff; padding:13px;}
.ProdSolu .infobox .fr li+li{ margin-top:13px;}
.ProdSolu .infobox .fr li a{ display:block;}
.ProdSolu .infobox .fr li .pic{ float:left;}
.ProdSolu .infobox .fr li .pic img{ max-width:80px;width:auto; height:auto; display:block;}
.ProdSolu .infobox .fr li .info{ padding-left:105px;}
.ProdSolu .infobox .fr li .line{ float:left; height:38px; border-left:1px dashed #c5c6db; margin:16px 0 0 -20px;}
.ProdSolu .infobox .fr li .dot{ font-size:16px; color:#333;}
.ProdSolu .infobox .fr li .dot:hover{ color:#002870;}
.ProdSolu .infobox .fr li .txt{line-height:20px;height: 40px;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ProdSolu .infobox .HomeMore{ padding-top:20px;}

.ServeHome .list .ul{ overflow:hidden;}
.ServeHome .list li{ float:left; width:283px; background:#87b2c7;}
.ServeHome .list li+li{ margin-left:22px;}
.ServeHome .list li a{ display:block;}
.ServeHome .list li img{ display:block;}
.ServeHome .list li .pic,
.ServeHome .list li .pic img{ width:283px; height:158px;}
.ServeHome .list li .ico{ height:66px; background:url(../images/pic_ServeHomebg_off.png) center no-repeat; margin-top:-26px; position:relative; z-index:1;}
.ServeHome .list li .ico img{ margin:0 auto; padding:9px; width:48px; height:48px;}
.ServeHome .list li .ico .ico_on{ display:none;}
.ServeHome .list li .dot{ font-size:16px; color:#fff; text-align:center; padding-bottom:20px;}
.ServeHome .list li:hover{ background:#cde5f1;}
.ServeHome .list li:hover .ico{ background-image:url(../images/pic_ServeHomebg_on.png);}
.ServeHome .list li:hover .ico .ico_on{ display:block;}
.ServeHome .list li:hover .ico .ico_off{ display:none;}
.ServeHome .list li:hover a{ color:#f58221;}

.Project{ padding-bottom:70px;}
.Project .list{ position:relative;}
.Project .list li,
.Project .list li a,
.Project .list li img{ display:block; width:1200px; height:158px;}
.Project .list .bx-pager{ position:absolute; left:45px; bottom:15px;}
.Project .list .bx-pager .bx-pager-item{ display:block; float:left; width:12px; height:12px;}
.Project .list .bx-pager .bx-pager-item+.bx-pager-item{ margin-left:5px;}
.Project .list .bx-pager .bx-pager-item a{ background:url(../images/button_invtico.png) right center; font-size:0; display:block; width:12px; height:12px;}
.Project .list .bx-pager .bx-pager-item .active{ background-position:left center;}


.videoList .ul{ overflow:hidden; padding-bottom:20px; margin:0 -21px 0 0; text-indent:21px;width: 100%;}
.videoList .ul li{ border:1px solid #eae7e7; width:290px; float:left; margin-right:42px; text-indent:0; }
.videoList .ul li:nth-child(3n){margin-right:0;  }
.videoList .pic{ margin:10px; position:relative;}
.videoList .pic a,
.videoList .pic img{ width:270px; height:180px; display:block;}
.videoList .time{ position:absolute; z-index:2; right:0; bottom:0; width:85px; height:32px; line-height:32px; background:url(../images/pic_projectTime.png); color:#fff; padding-left:44px; font-size:14px;}
.videoList .dot{ font-size:15px; font-weight:bold; display:block; padding:0 10px 10px 10px; white-space:nowrap;}

.activityDiy{ width:1200px; margin:0 auto; padding-bottom:70px;}
.activityDiy .listbox{ position:relative;}
.activityDiy .listbox .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer;}
.activityDiy .listbox .prev{ left:-45px; background-position:left top;}
.activityDiy .listbox .prev:hover{ background-position:left bottom;}
.activityDiy .listbox .next{ right:-45px; background-position:right top;}
.activityDiy .listbox .next:hover{ background-position:right bottom;}
.activityDiy .listbox .list li{ float:left; width:270px; margin-right:40px; position:relative;}
.activityDiy .listbox .list a{ display:block;}
.activityDiy .listbox .list .pic,
.activityDiy .listbox .list .pic img{ display:block; width:270px; height:180px;}
.activityDiy .listbox .list .tempWrap{ max-width:1200px;}
.activityDiy .listbox .list .info{ border:1px solid #eae7e7; border-top:none; padding:18px 18px 50px 18px;}
.activityDiy .listbox .list .dot{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.activityDiy .listbox .list .txt{ line-height:20px; color:#666; height:40px; overflow:hidden;}
.activityDiy .listbox .list .time{ position:absolute; z-index:2; right:0; bottom:0; width:85px; height:32px; line-height:32px; background:url(../images/pic_projectTime.png); color:#fff; padding-left:44px; font-size:14px;}

.videoDiy{ background:#f5f9fa; padding-bottom:70px;}
.videoDiy .auto{ width:800px; margin:0 auto;}
.videoDiy .lis{ position:relative;}
.videoDiy .list .ul{ position:relative; height:400px;}
.videoDiy .videobox,
.videoDiy .videobox .play,
.videoDiy .videobox .play .pic img,
.videoDiy .videobox .btn{ width:100%; height:100%;}
.videoDiy .videobox .btn img{ margin:151px auto;}
.videoDiy li .dot{ text-align:center; background:#87b2c7; font-size:14px; font-weight:bold; line-height:40px; padding:0 10px; color:#fff; position:absolute; width:100%; left:0; top:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.videoDiy li{ width:600px; height:360px; position:relative;}
.videoDiy li.item .btn img{ display:none;}
.videoDiy li.item.on .btn img{ display:block;}
.videoDiy li.item .dot{ display:none;}
.videoDiy li.item.on .dot{ display:block;}
.videoDiy li.item .videobox video{ display:none;}
.videoDiy li.item.on .videobox video{ display:block;}
.videoDiy li embed,
.videoDiy li iframe{ width:100%; height:100%;}

.picDiy{ width:1200px; margin:0 auto;}
.picDiy .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer;}
.picDiy .prev{ left:-45px; background-position:left top;}
.picDiy .prev:hover{ background-position:left bottom;}
.picDiy .next{ right:-45px; background-position:right top;}
.picDiy .next:hover{ background-position:right bottom;}
.picDiy .list{ position:relative; height:410px;}
.picDiy .list .top{ width:580px; position:absolute; left:50%; z-index:2; margin-left:-290px; top:0; background:#87b2c7;}
.picDiy .list .top a{ display:block;}
.picDiy .list .top .pic,
.picDiy .list .top .pic img{ width:580px; height:370px;}
.picDiy .list .top .dot{ color:#fff; text-align:center; line-height:40px; font-weight:bold;}
.picDiy .list .top .pic img{ width:580px; height:370px;}
.picDiy .list .ul{ height:410px; overflow:visible !important;}
.picDiy .list .ul li{ float:left; width:300px; position:relative;}
.picDiy .list .ul li a,
.picDiy .list .ul li img{ width:300px; height:200px;}
.picDiy .list .ul .li1{ left:-300px; top:210px;}
.picDiy .list .ul .li2{ right:-300px;}
.picDiy .list .ul .li3{ top:210px;}

.weiboDiy{ width:1200px; margin:0 auto; padding:30px 0;}
.weiboDiy .fl{ float:left; width:848px; border:1px solid #eef3f6;}
.weiboDiy .fl .top{ padding:20px; border-bottom:1px solid #eef3f6;}
.weiboDiy .fl .top .pic{ float:left; border:1px solid #e5e6ea;}
.weiboDiy .fl .top .pic,
.weiboDiy .fl .top .pic img{ width:60px; height:60px;}
.weiboDiy .fl .info{ padding-left:85px;}
.weiboDiy .fl .info .title{ overflow:hidden; line-height:30px;}
.weiboDiy .fl .info .name{ float:left; padding-right:20px; background:url(../images/pic_weibo_v.png) right center no-repeat; font-size:14px; color:#002870;}
.weiboDiy .fl .info .addr{ float:left; margin-left:10px;; color:#999; font-size:14px;}
.weiboDiy .fl .info .follow{ width:66px; height:22px; background:url(../images/button_follow.png); margin-top:5px;}
.weiboDiy .fl .info .follow a{ display:block; padding-left:22px; font-size:12px; line-height:22px; color:#fff;}
.weiboDiy .fl .infobox{ padding:10px 20px;}
.weiboDiy .fl .infobox .bar { height:220px; overflow:hidden;}
.weiboDiy .fl .infobox .ul li{ padding:10px 0 15px 0;}
.weiboDiy .fl .infobox .ul li+li{ border-top:1px solid #eceff8;}
.weiboDiy .fl .infobox .ul .title{ line-height:20px;}
.weiboDiy .fl .infobox .ul .time{ line-height:20px; color:#7faae4; padding-top:10px;}
.weiboDiy .fl .infobox .ul .send{ float:right; line-height:20px; padding-top:10px;}
.weiboDiy .fl .infobox .ul .send a{ display:block; float:left; color:#7faae4;}
.weiboDiy .fl .infobox .ul .send i{ display:block; float:left; height:12px; border-left:1px solid #c9dbf3; margin:3px 8px;}
.weiboDiy .fl .mCSB_container{ margin-right:45px;}
.weiboDiy .fl .mCustomScrollBox>.mCSB_scrollTools{ width:7px;}
.weiboDiy .fl .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0;}
.weiboDiy .fl .mCSB_scrollTools .mCSB_buttonUp,
.weiboDiy .fl .mCSB_scrollTools .mCSB_buttonDown{ display:none;}
.weiboDiy .fl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#87b2c7; width:7px;}
.weiboDiy .fl .mCSB_scrollTools .mCSB_draggerRail{ background:#edf3f4; width:7px;}

.weiboDiy .fr{ float:right; width:288px; border:1px solid #eef3f6; padding:10px 20px; background:#f5f9fa; min-height:323px;}
.weiboDiy .fr > .dot{ font-size:14px;}
.weiboDiy .fr > .ico{ overflow:hidden; padding-bottom:45px;}
.weiboDiy .fr > .ico a{ float:left;}
.weiboDiy .fr > .ico a,
.weiboDiy .fr > .ico a img{ display:block; width:35px; height:35px;}
.weiboDiy .fr > .ico a+a{ margin-left:12px;}

.activityTh{ width:1158px; margin:50px auto; border:1px solid #e9eff2; position:relative; padding:0 20px 20px 20px;}
.activityTh .HomeTitle{ position:relative; top:-25px; text-align:center; padding:0;}
.activityTh .HomeTitle .block{ display:inline-block; background:#fff; padding:0 15px;}
.activityTh .txtbox{ background:url(../images/pic_activityThbg.png) top center no-repeat; min-height:53px;}

.newsTh{ width:1200px; margin:0 auto; position:relative;}
.newsTh .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer;}
.newsTh .prev{ left:-45px; background-position:left top;}
.newsTh .prev:hover{ background-position:left bottom;}
.newsTh .next{ right:-45px; background-position:right top;}
.newsTh .next:hover{ background-position:right bottom;}
.newsTh .list{ position:relative;}
.newsTh .list .ul{ overflow:hidden; margin:0 -20px;}
.newsTh .list li{ width:580px; float:left; overflow:hidden; margin:15px 20px;}
.newsTh .list .pic{ float:left; position:relative;}
.newsTh .list .pic a,
.newsTh .list .pic img{ display:block; width:194px; height:110px;}
.newsTh .list .time{ position:absolute; z-index:2; right:0; bottom:0; width:85px; height:20px; line-height:20px; background:url(../images/pic_storyTime.png); color:#fff; padding-left:5px; text-align:center;}
.newsTh .list .info{ float:right; width:370px; height:109px; border-bottom:1px solid #e9eff2;}
.newsTh .list .dot{ display:block; font-size:16px; color:#000; font-weight:500; margin-bottom:10px;}
.newsTh .list .dot:hover{ color:#002870;}
.newsTh .list .txt{ line-height:20px; color:#8c8c8c; height:40px; overflow:hidden; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word;}

.videoTh{ overflow:hidden; background:#f5f9fa; padding:50px 0; margin-top:30px;}
.videoTh .auto{ width:1200px; margin:0 auto; position:relative;}
.videoTh .fl{ float:left; position:relative;}
.videoTh .fl,
.videoTh .fl .play,
.videoTh .fl .play .pic img,
.videoTh .fl .btn{ width:600px; height:400px;}
.videoTh .fl .play,
.videoTh .fl .play .pic img,
.videoTh .fl .btn{ position:absolute;}
.videoTh .fl .play{ z-index:2;}
.videoTh .fl .btn{ background:url(../images/pic_videoBg.png); cursor:pointer;}
.videoTh .fl .btn img{ display:block; margin:171px auto;}
.videoTh .fr{ float:right; width:600px; background:url(../images/pic_videoThBg.png); height:260px; margin-top:45px;}
.videoTh .fr .HomeTitle{ float:left; padding:42px 0 0 33px;}
.videoTh .fr .txtbox{ padding:30px;}
.videoTh .btnclick{ position:absolute; top:245px; left:630px; z-index:5;}
.videoTh .btnclick a{ display:block; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer; float:left;}
.videoTh .btnclick .prev{ background-position:left top;}
.videoTh .btnclick .prev:hover{ background-position:left bottom;}
.videoTh .btnclick .next{ background-position:right top; margin-left:10px;}
.videoTh .btnclick .next:hover{ background-position:right bottom;}


.picTh{ position:relative; width:1200px; margin:0 auto 30px auto;}
.picTh .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer;}
.picTh .prev{ left:-45px; background-position:left top;}
.picTh .prev:hover{ background-position:left bottom;}
.picTh .next{ right:-45px; background-position:right top;}
.picTh .next:hover{ background-position:right bottom;}
.picTh .list{ width:1200px; margin:0 auto; overflow:hidden;}
.picTh .list .ul li{ float:left; width:282px; margin-right:24px;}
.picTh .list .ul .pic{ display:block; width:282px; height:188px; background:#87b2c7;}
.picTh .list .ul .pic img{ padding:3px; width:276px; height:182px;}
.picTh .list .ul .dot{ display:block; text-align:center; padding-top:10px; line-height:30px; font-size:14px; color:#555;}
.picTh .list .ul .dot:hover{ color:#002870;}

.Cont > .caseList{ padding-top:20px;}
.caseList .list li a{ display:block; line-height:35px; border-bottom:1px dotted #ddd; font-size:14px; padding-left:10px; background:url(../images/button_prodList3.png) left center no-repeat;}
.caseList .list li span{ float:right; padding-left:30px; font-size:12px;}



.black_overlay{ display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content{display: none;position: fixed;top:0;left:0; right:0; bottom:0;width: 500px;height: 470px; max-height:90%; margin:auto; border: 5px solid #ccc;background-color: white;z-index: 1002;overflow: auto; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.white_content_small{display: none;position: absolute;top: 20%;left: 30%;width: 40%;height: 50%;border: 16px solid lightblue;background-color: white;z-index: 1002;overflow: auto;}
.white_content .colse{text-align: right; cursor: default; height: 20px;margin-right: 15px; font-size: 16px;}
.white_content .colse span{ cursor:pointer;}
.white_content .tip{ font-size: 20px; padding:10px 0;}
.white_content .tip2{ font-size: 18px;padding: 0px 0px 10px 0px;}
.white_content .ul li{ padding:5px 10px; margin:10px;}
.white_content .ul li .textarea{ line-height:20px; height:60px;}

.GoTop{ position:fixed; right:12px; z-index:30; bottom:78px;}
.GoTop .close{ position:absolute; width:30px; height:30px; background:url(../images/fancy_close.png); right:-15px; top:-15px; cursor:pointer;}
.GoTop a{ display:block; width: 55px; height: 65px; border: 1px solid #d0e0e9;}
.GoTop a span{display: block; text-align: center; font-size: 12px; color: #8db6cb; padding-top: 40px;}
.GoTop a.icon1{background: #f3f7fa url(../images/icon_float1.png) top center no-repeat;}
.GoTop a.icon2{background: #f3f7fa url(../images/icon_float2.png) top center no-repeat; border-top: none;}
.GoTop a.icon3{background: #f3f7fa url(../images/icon_float3.png) center -6px no-repeat; border-top: none;}
.GoTop a.icon4{background: #f3f7fa url(../images/icon_float4.png) center -6px no-repeat; border-top: none;}
.GoTop a.icon5{background: #f3f7fa url(../images/icon_float5.png) center -6px no-repeat; border-top: none;}
.GoTop a.icon6{background: #f3f7fa url(../images/icon_float6.png) center -6px no-repeat; border-top: none;}
.GoTop a.icon1:hover{background: #f38224 url(../images/icon_float1_2.png) top center no-repeat;}
.GoTop a.icon2:hover{background: #f38224 url(../images/icon_float2_1.png) top center no-repeat;}
.GoTop a.icon3:hover{background: #f38224 url(../images/icon_float3_1.png) center -6px no-repeat;}
.GoTop a.icon4:hover{background: #f38224 url(../images/icon_float4_1.png) center -6px no-repeat;}
.GoTop a.icon5:hover{background: #f38224 url(../images/icon_float5_1.png) center -6px no-repeat;}
.GoTop a:hover span{color: #fff;}

.ul_sitemap{list-style: none;}
.ul_sitemap li a{ display: inline-block; color: #002870;}
.ul_sitemap li > strong{ display: block;height:35px; line-height: 35px; background-color: #e4edf4; font-size: 17px; font-weight: bold; padding-left: 20px; border: 1px solid #dad4cf; }
.ul_sitemap li > span{ display: block; font-size: 15px; font-weight: bold; background-color: #fbfbfa; padding:10px 0; padding-left: 20px; border-left: 1px solid #dad4cf; border-right: 1px solid #dad4cf; }
.ul_sitemap li > span a{ display: inline-block; color: #000; padding:5px 10px;}
.ul_sitemap li:last-child > span{ border-bottom:1px solid #dad4cf; }
.ul_sitemap{}



/***调查问卷***/
.dcwjBlock{ border:1px solid #e6edf0; margin:20px 0 30px; }
.dcwjBlock .blockTitle{ font-size: 18px; font-weight: bold; padding-left:30px; line-height: 50px; color:#333; background:#edf2f4; margin:0; display:none; }
.dcwjBlock dl,.dcwjBlock li{ border-bottom:1px dashed #c6d5dc; padding-left: 25px; padding-top: 15px; padding-bottom:15px; }
.dcwjBlock dl:nth-child(odd){}
.dcwjBlock dl.color{ background: #f3f7f9; }
.dcwjBlock li.last{ border-bottom: 0 none; }
.dcwjBlock dt,.dcwjBlock .question{ font-size: 14px; line-height: 24px; color:#444; padding:0 0 2px 0; }
.dcwjBlock dt em,.dcwjBlock .question .red{ color:#e84e40; font-style:normal; }
.dcwjBlock .xxblock{}
.dcwjBlock .xxblock:after{ display:block; content:''; clear:both;}
.dcwjBlock .xxblock label{ position: relative; float: left; display: inline-block; padding-left: 24px; margin-left:13px; color:#888; font-size: 14px; background: url(../images/icon_dcwj_point.png) no-repeat left; line-height: 34px; line-height:26px; min-width:107px; cursor: pointer; }
.dcwjBlock .xxblock label.checked{ background-image: url(../images/icon_dcwj_point_checked.png); }
.dcwjBlock .xxblock label input{ display: block; opacity: 0; position: absolute; left: 0; top:0; width: 0; height: 0%; z-index: -1; overflow:hidden; }
.dcwjBlock li .textarea,.dcwjBlock dl textarea{ display: block; width: 900px; height: 100px; border:1px solid #e6edf0; margin:15px 0; box-sizing: border-box; padding:8px 10px; }
.dcwjsub .subBox1{ display: block; text-align: center; }
.dcwjsub .subBox1 input{ display: inline-block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; margin:15px; }
.dcwjsub .subBox1 .submit{ background: #87b2c7; cursor: pointer; }
.dcwjsub .subBox1 .reset{ background: #919397; cursor: pointer; }
.dcwjsub .subBox1 input:hover{ background: #7dc0e1; }

/**调查问卷弹框**/
.dcwjtackBlock{ position: fixed; display: block; width:100%; height:100%; left: 0; top: 0; z-index: 1; }
.dcwjtackBlock .left{ float: left; display: inline-block; }
.dcwjtackBlock .right{ float: right; display: inline-block; }
.dcwjtackBlock .testform{ position: absolute; left: 50%; top:50%; margin-left: -246px; margin-top:-234px; background: #fff; display: block; width:455px; border:6px solid #e4e4e4; padding:15px; font-size: 14px; line-height: 34px; color:#666; }
.dcwjtackBlock .testform .red{ color:#f00; }
.dcwjtackBlock .exit{ position: absolute; right: 15px; font-size: 14px; line-height: 20px; color:#88b2c8; }
.dcwjtackBlock .exit:hover{ color:#f00; }
.dcwjtackBlock .topbox{ margin-top: 35px; }
.dcwjtackBlock .topbox .left{ width:305px; }
.dcwjtackBlock .topbox .des{ color:#87b2c7; font-size: 23px; line-height: 26px; font-weight: bold; }
.dcwjtackBlock .smail{ display: block; width:125px; height: 80px; background:#edf2f4 url(../images/icon_smail1.png) no-repeat center; }
.dcwjtackBlock .title{ font-size: 14px; line-height: 24px; color:#747474; padding-top: 5px; padding-bottom: 20px; }
.dcwjtackBlock .li{ border:1px solid #cfe0e9; margin-bottom: 20px; }
.dcwjtackBlock .li .word{ width:70px; }
.dcwjtackBlock .li .word .red{ width: 10px; text-align: right; display: inline-block; margin-right: 4px; }
.dcwjtackBlock .li .input{ width: 335px; border:0 none; display: inline-block; font-size: 14px; line-height: 34px; color:#c5c5c5; }
.dcwjtackBlock .li.last .word{ width:95px; }
.dcwjtackBlock .li.last .input{ width:310px; }
.dcwjtackBlock .li1 .word{ width: 125px; }
.dcwjtackBlock .btn{ display: block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; margin:15px auto; background: #87b2c7; cursor: pointer; }
.dcwjtackBlock .btn:hover{ background: #7dc0e1; }

/**业务咨询弹框**/
.ywzxtackBlock{ position: fixed; display: none; width:100%; height:100%; left: 0; top: 0; z-index: 999; }
.ywzxtackBlock .left{ float: left; display: inline-block; }
.ywzxtackBlock .right{ float: right; display: inline-block; }
.ywzxtackBlock form{ position: absolute; left: 50%; top:50%; margin-left: -331px; margin-top:-284px; background: #fff; display: block; width:620px; border:6px solid #e4e4e4; padding:15px; font-size: 14px; line-height: 34px; color:#666; }
.ywzxtackBlock form .red{ color:#f00; }
.ywzxtackBlock1{display:block;position:static;background:none;margin-top:35px;margin-bottom:40px;}
.ywzxtackBlock1 form{position:relative;}

.ywzxtackBlock .exit{ position: absolute; right: 15px; font-size: 14px; line-height: 20px; color:#88b2c8; }
.ywzxtackBlock .exit:hover{ color:#f00; }
.ywzxtackBlock .title{ font-size: 24px; line-height: 30px; color:#12295b; text-align:center; padding-top: 25px; }
.ywzxtackBlock .des{ text-align: center; padding-top: 5px; margin-bottom: 20px; }
.ywzxtackBlock .li{ width:298px; border:1px solid #cfe0e9; margin-bottom: 20px; }
.ywzxtackBlock .li .word{ width:80px; }
.ywzxtackBlock .li .word .red{ width: 10px; text-align: right; display: inline-block; margin-right: 4px; }
.ywzxtackBlock .li .input{ width: 205px; border:0 none; display: inline-block; font-size: 14px; line-height: 34px; color:#c5c5c5; }
.ywzxtackBlock .li1 .word{ width: 125px; }
.ywzxtackBlock .li1 select{ width:165px; display: inline-block; color:#c5c5c5; }
.ywzxtackBlock .li1 select option{ color:#c5c5c5; }
.ywzxtackBlock .no-border{ border:0 none; }
.ywzxtackBlock .no-border .word{ width:100%; text-align: center; }
.ywzxtackBlock .no-border label{ position: relative; float: left; display: inline-block; padding-left: 25px; color:#888; font-size: 14px; background: url(../images/icon_dcwj_point.png) no-repeat left; line-height: 34px; min-width:40px; cursor: pointer; text-align: left; }
.ywzxtackBlock .no-border label.checked{ background-image: url(../images/icon_dcwj_point_checked.png); }
.ywzxtackBlock .no-border label input{ display: block; opacity: 0; position: absolute; left: 0; top:0; width: 0; height: 0%; z-index: -1; overflow:hidden; }
.ywzxtackBlock .li.textarea{ width:inherit; }
.ywzxtackBlock .li.textarea textarea{ height: 78px; padding:6px 0; line-height: 20px; font-size: 14px; color:#c5c5c5; width:525px; display: inline-block; }
.ywzxtackBlock .btn{ display: block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; margin:15px auto; background: #87b2c7; cursor: pointer; }
.ywzxtackBlock .btn:hover{ background: #7dc0e1; }

.ywzxBlock{width:100%; height:100%; }
.ywzxBlock .left{ float: left; display: inline-block; }
.ywzxBlock .right{ float: right; display: inline-block; }
.ywzxBlock form{ background: #fff; display: block; width: 94%; border:6px solid #e4e4e4; padding:15px; font-size: 14px; line-height: 34px; color:#666; }
.ywzxBlock form input{margin: 0;}
.ywzxBlock form .red{ color:#f00; }
.ywzxBlock .exit{ position: absolute; right: 15px; font-size: 14px; line-height: 20px; color:#88b2c8; }
.ywzxBlock .exit:hover{ color:#f00; }
.ywzxBlock .title{ font-size: 24px; line-height: 30px; color:#12295b; text-align:center; padding-top: 25px; }
.ywzxBlock .des{ text-align: center; padding-top: 5px; margin-bottom: 20px; }
.ywzxBlock .li{ width:298px; border:1px solid #cfe0e9; margin-bottom: 20px; }
.ywzxBlock .li .word{ width:80px; }
.ywzxBlock .li .word .red{ width: 10px; text-align: right; display: inline-block; margin-right: 4px; }
.ywzxBlock .li .input{ width: 205px; border:0 none; display: inline-block; font-size: 14px; line-height: 34px; color:#c5c5c5;margin: 0; }
.ywzxBlock .li1 .word{ width: 125px; }
.ywzxBlock .no-border .word input{width: auto;}
.ywzxBlock .li1 select{ width:165px; display: inline-block; color:#c5c5c5; }
.ywzxBlock .li1 select option{ color:#c5c5c5; }
.ywzxBlock .no-border{ border:0 none; }
.ywzxBlock .no-border .word{ width:100%; text-align: center; }
.ywzxBlock .no-border label{ position: relative; float: left; display: inline-block; padding-left: 25px; color:#888; font-size: 14px; background: url(../images/icon_dcwj_point.png) no-repeat left; line-height: 34px; min-width:40px; cursor: pointer; text-align: left; }
.ywzxBlock .no-border label.checked{ background-image: url(../images/icon_dcwj_point_checked.png); }
.ywzxBlock .no-border label input{ display: block; opacity: 0; position: absolute; left: 0; top:0; width: 0; height: 0%; z-index: -1; overflow:hidden; }
.ywzxBlock .li.textarea{ width:inherit; }
.ywzxBlock .li.textarea textarea{ height: 78px; padding:6px 0; line-height: 20px; font-size: 14px; color:#c5c5c5; width:525px; display: inline-block; }
.ywzxBlock .btn{ display: block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; margin:15px auto; background: #87b2c7; cursor: pointer; }
.ywzxBlock .btn:hover{ background: #7dc0e1; }

/**意见反馈弹框**/
.yjfktackBlock{ position: fixed; display: none; width:100%; height:100%; left: 0; top: 0; z-index: 1; }
.yjfktackBlock .left{ float: left; display: inline-block; }
.yjfktackBlock .right{ float: right; display: inline-block; }
.yjfktackBlock form{ position: absolute; left: 50%; top:50%; margin-left: -246px; margin-top:-255px; background: #fff; display: block; width:455px; border:6px solid #e4e4e4; padding:15px; font-size: 14px; line-height: 34px; color:#666; }
.yjfktackBlock form .red{ color:#f00; }
.yjfktackBlock .exit{ position: absolute; right: 15px; font-size: 14px; line-height: 20px; color:#88b2c8; }
.yjfktackBlock .exit:hover{ color:#f00; }
.yjfktackBlock .smail{ display: block; height: 80px; background: url(../images/icon_smail.png) no-repeat center; }
.yjfktackBlock .title{ font-size: 24px; line-height: 30px; color:#12295b; text-align:center; padding-top: 5px; padding-bottom: 20px; }
.yjfktackBlock .des{ text-align: center; color:#747474; margin:0 -5px; margin-bottom: 10px; }
.yjfktackBlock .li{ border:1px solid #cfe0e9; margin-bottom: 20px; }
.yjfktackBlock .li .word{ width:70px; }
.yjfktackBlock .li .word .red{ width: 10px; text-align: right; display: inline-block; margin-right: 4px; }
.yjfktackBlock .li .input{ width: 335px; border:0 none; display: inline-block; font-size: 14px; line-height: 34px; color:#c5c5c5; }
.yjfktackBlock .li.last .word{ width:95px; }
.yjfktackBlock .li.last .input{ width:310px; }
.yjfktackBlock .li1 .word{ width: 125px; }
.yjfktackBlock .btn{ display: block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; margin:15px auto; background: #87b2c7; cursor: pointer; }
.yjfktackBlock .btn:hover{ background: #7dc0e1; }
.Cont .tag ul{ background-color: #f7fafb; }
/**意见反馈**/
.yjfkBlock{ margin-top:20px; }
.yjfkBlock .left{ float: left; display: inline-block; }
.yjfkBlock .right{ float: right; display: inline-block; }
.yjfkBlock .topBox{ padding:30px; border:1px solid #e6edf0; }
.yjfkBlock .img{ width: 390px; }
.yjfkBlock .img img{ display: block; }
.yjfkBlock .formBox{ width: 480px; font-size: 14px; color:#555; line-height: 38px; }
.yjfkBlock .formBox .li{ margin-bottom: 18px; }
.yjfkBlock .formBox .wid{ width:400px; position: relative; }
.yjfkBlock .formBox .wid:after{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: attr(data-tip); font-size: 14px; color:#c3c3c3; box-sizing: border-box; padding:0 15px; z-index: -1; }
.yjfkBlock .formBox .onav .wid:after{ display: none; }
.yjfkBlock .formBox .checkblock a{ display: inline-block; float: left; width:106px; color:#333; font-size: 14px; line-height: 32px; border:0 none; border-radius: 3px; text-align: center; background: #e1e5e6; margin-right:8px; }
.yjfkBlock .formBox .checkblock a:hover{ background: #b7bebf; }
.yjfkBlock .formBox .checkblock a.checked{ color:#fff; background: #87b2c7; }
.yjfkBlock .formBox .input{ display: block; font-size: 14px; width:368px; border:1px solid #e6edf0; line-height: 36px; color:#666; padding:0 15px; }
.yjfkBlock .formBox textarea.input{ height: 120px; padding:5px 15px; line-height: 24px; }
.yjfkBlock .formBox .submit{ display: block; width:120px; height: 36px; color:#fff; font-size: 14px; line-height: 36px; border:0 none; border-radius: 5px; text-align: center; background: #87b2c7; cursor: pointer; }
.yjfkBlock .formBox .submit:hover{ background: #7dc0e1; }
.yjfkBlock .contBox{ border:1px solid #e6edf0; margin-top: 35px; margin-bottom: 20px; padding-bottom: 20px; }
.yjfkBlock .contBox .c-tit{ font-weight: bold; font-size: 18px; line-height: 48px; color:#000; padding:0 30px; border-bottom:1px solid #e6edf0; }
.yjfkBlock .ul{ padding-bottom: 20px; }
.yjfkBlock .contBox li{ border-bottom: 1px dashed #c4d4db; padding:25px 30px 20px; }
.yjfkBlock .contBox .top-tit{ font-size: 16px; line-height: 24px; }
.yjfkBlock .contBox .type{ color:#002870; margin-left:-6px; }
.yjfkBlock .contBox .a-tit{ color:#444; }
.yjfkBlock .contBox .other{ font-size: 12px; line-height: 22px; color:#999; padding:5px 0; margin-bottom: 12px; }
.yjfkBlock .contBox .other .user{ font-style: normal; color:#87b2c7; }
.yjfkBlock .contBox .other .time{ margin:0 16px; }
.yjfkBlock .contBox .other .good{ padding-left: 18px; background: url(../images/icon_hand1.png) no-repeat left 2px; margin-right:15px; color:#999; }
.yjfkBlock .contBox .other .bad{ padding-left: 18px; background: url(../images/icon_hand2.png) no-repeat left 6px; color:#999; }
.yjfkBlock .contBox .other .good.on{ background-image: url(../images/icon_hand1hover.png) }
.yjfkBlock .contBox .other .bad.on{ background-image: url(../images/icon_hand2hover.png) }
.yjfkBlock .contBox .answer{ position: relative; padding-left:27px; font-size: 12px; line-height: 21px; color:#888; }
.yjfkBlock .contBox .answer .icon{ position: absolute; display: block; width:18px; line-height: 18px; text-align: center; left: 0; top: 4px; background: #87b2c7; color:#fff; border-radius: 3px; }
   /*search.png*/
.choose{ width: 100%;overflow:hidden; }

.choose .same{ border:1px solid  #e7f0f4;
 border-bottom:1px solid  #e7f0f4;
 padding: 20px 2%;
 margin-top: 10px; 
background-color: #f7fafb; }
 .choose .same:last-child{ border-top: none; margin-top: 0; }
  .choose .same li{ display: inline-block; }
   .choose ul{ margin: 0; padding-left: 0; }
 .choose .same li a{ 
  color: #414446;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
    }
     .choose .same  li a.active{ background-color: #83afc4;
     color: #fff; }
   .choose .same .video-type-list{ display: inline-block;
   width: 80%; }
.RightCont .video-content .search{ width: 40%;
  float: right; 
position: relative;
overflow:hidden;    
margin-top: 8px;
margin-bottom: 3px;}
.RightCont .video-content .search input{ width: 290px; height: 40px; border-bottom:1px solid #e7e7e7;float: right; border-radius: 5px;padding-left: 13px;}
.RightCont .video-content .search a{ position: absolute;
        width: 60px;

        background: url(../images/search.png)no-repeat;
         background-position: top right;
    background-size: auto 100%;
    border-radius: 5px;
    height: 40px;
   right:0;
   top:0;
/*   transform: skew(20deg);*/
      }

     .slide .relatedList .btn{ 
     	top: 57px;
   
 }
 .slide .relatedList .list .ul li img{ max-width: 100%;   padding: 5px;  border: 1px solid #e9e7e8; box-sizing:border-box;

   }
    .slide .relatedList .list .ul li div{ padding: 0px 0 10px;text-align: center;color: #565656; }
        .slide .title { text-align: center; margin-bottom: 28px;}
    .slide .title h5{ display:  inline-block;
padding: 0 75px;
margin:0;
font-size: 14px;
height: 47px;
position: relative;
       }
           .slide .title a{ display:inline-block;color: #9a9a9a; padding: 10px 0;box-sizing: border-box;}
           .slide .title a.active, .slide .title a:hover{color: #747474; border-bottom: 2px solid #f09345; transition-duration: .3s;}
               .slide .title h5:first-child:after{ 
                 position: absolute;
                 content: "";
                 right: 0;
                 top: calc(50% - 7px);
                 height: 15px;
               	border-right: 1px solid #88b2c8 }
   	.download-order { margin:30px 0;padding: 7px 2%; border: 1px solid #e7f0f4; 
   	background-color: #f7fafb; }
               	.download-order i{  padding: 6px 15px; 
               	                          border-radius: 5px;
               	                          font-style: normal;
               	                        padding-right:20px;
               	                        font-size: 14px;
               	                        cursor: pointer;
               	           
               	  }  
               	  .prodInfo .showTab .list{ margin-top:-1px;} 
.download-order i.active{
  color: #fff;
 background:#f58221 url(../images/up.png)no-repeat;
  background-position: 72px center;}   
  .prodInfo .showTab .tab{ overflow:hidden; padding-left:12px;}
.prodInfo .showTab .tab li{ float:left; width:150px; text-align:center; line-height:40px; height:40px;/* background:url(../images/button_pordTab.png) left bottom;*/ padding-left:3px;color:#555; font-size:14px; font-weight:bold; cursor:pointer;
 transform: skew(-20deg);border-top-left-radius: 5px;border-top-right-radius: 5px;
 margin-right: 5px;
background-color: #e4eef3 ;
padding-left: 20px;}
.prodInfo .showTab .tab li:hover,
.prodInfo .showTab .tab li.on{ background-position:left top; color:#fff;position: relative; background: url(../images/xingzhuang.png)no-repeat center center; transform: skew(0deg); background-size: 100% 100%!important;}

.prodInfo .showTab .tab li:hover a,.prodInfo .showTab .tab li.on a{ color: #fff; transform: skew(0deg);  }
.prodInfo .showTab .list .txtbox {overflow:auto;}
.prodInfo .showTab .list .txtbox table{ width:100%;border-collapse: collapse;}
.prodInfo .showTab .list .txtbox tr td:first-child{ white-space:normal; width:auto !important; } 
.prodInfo .showTab .list .txtbox tr td{ width:auto !important;padding:2px;border:1px solid;}
.prodInfo .showTab .list .txtbox tr td div{ padding:0px 10px;} 

.prodInfo .showTab .tab li:nth-child(1) a{background:url("../images/no1(2).png")no-repeat;}
.prodInfo .showTab .tab li:nth-child(1) a:hover,.prodInfo .showTab .tab li.on:nth-child(1) a{color: #fff;  background:url("../images/qaq1.png")no-repeat; }
.prodInfo .showTab .tab li:nth-child(2) a{background:url("../images/no1(4).png")no-repeat;}
.prodInfo .showTab .tab li:nth-child(2) a:hover,.prodInfo .showTab .tab li.on:nth-child(2) a{  background:url("../images/qaq2.png")no-repeat; }
.prodInfo .showTab .tab li:nth-child(3) a{background:url("../images/no1(3).png")no-repeat;}
.prodInfo .showTab .tab li:nth-child(3) a:hover,.prodInfo .showTab .tab li.on:nth-child(3) a{ background:url("../images/qaq3.png")no-repeat;  }
.prodInfo .showTab .tab li:nth-child(4) a{background:url("../images/qwq.png")no-repeat;}
.prodInfo .showTab .tab li:nth-child(4) a:hover,.prodInfo .showTab .tab li.on:nth-child(4) a{  background:url("../images/qaq4.png")no-repeat; }
.prodInfo .showTab .tab li a{color:#555; transform: skew(20deg); display: block;background:url("../images/no1(1).png")no-repeat;    background-position: 17px center!important;}
.downList .list .content h5{ margin:0;  font-weight: normal; height: 40px; background-color: #e4eef3; line-height: 40px;font-size: 14px; padding-left: 20px; color: #002870;}
.prodInfo .showTab .tab{ overflow:hidden; padding-left:12px;}
.downList .list .content span { line-height: 40px; height: 40px; }

.slide.news-slid  .title a.active, .slide.news-slid  .title a:hover{ border: none; }
/*.news-slid .title h5:after{display: none;  }*/
.slide.news-slid .title h5 a{ border:none; color: #545454!important;}
.slide.news-slid .title h5:after{  position: absolute;
/*content: "";*/
width: 10px;
bottom: 0px;
left: calc(50% - 5px);
border-bottom:1px solid #f39241;
border-right: none;
height: auto;
}


.graph {
    clear: both;
}

.gpimages .gptab {
    margin-bottom: 20px;
    line-height: 35px;
}

.gpimages .gptab span {
    display: inline-block;
    border: 1px solid #87b2c7;
    padding: 0 20px;
    border-right-width: 0;
    font-size: 14px;
    cursor: pointer;
}

.gpimages .gptab span:last-child {
    border-right-width: 1px;
}

.gpimages .gptab span.cur {
    background: #87b2c7;
    color: #fff;
}

.gplist .item img {
    display: block;
}

/*20211021*/
.faqList .box .search {
    width: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    height: 36px;
    background: #fff;
    border: 1px solid #c3d8e3;
}

.faqList .box .search a {
    background: url(../images/pic_faqsearch.png) no-repeat right center;
    top: -1px;
    right: -1px;
}

.ul2 li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px;
    border-radius: 5px;
}

ul.ul2 {
    margin: 0;
    padding: 0;
}

/*20211105*/
.boxin {
    position: relative;
    padding-right: 170px;
}

.boxin .iconHead {
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
	padding:21px 0;
}

.ProdSolu .icobox {
    position: static;
    height: auto;
}

.boxin .iconHead .item {
    padding: 10px 0;
    height: 90px;
    cursor: pointer;
    position: relative;
}



.boxin .iconHead .item:hover .off {
    display: none;
}

.boxin .iconHead .item:hover .on {
    display: block;
}


.ProdSolu .icobox .list {
    position: absolute;
    right: 170px;
    width: auto;
    left: 0;
    top: 0;
    height: 535px;
    margin: 0;
    z-index: 998;
    display: none;
    padding-right: 10px;
}

.ProdSolu .icobox .list .ul {
    overflow: hidden;
    border: 1px solid #eee;
    height: 100%;
    padding: 30px;
    background: #fff;
}

.ProdSolu .icobox .list li {width: 134px;}

.ProdSolu .icobox .list.show {
    display: block;
}
ul.iconWrapper {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

ul.iconWrapper li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 86px;
    font-size: 14px;
    cursor: pointer;position: relative;
}

ul.iconWrapper li .act {
    display: none;
}

ul.iconWrapper li p {
    margin: 0;
    font-weight: 400;
    height:48px;

}

ul.iconWrapper li img {
    height: 31px;
}

ul.iconWrapper li:hover .act,ul.iconWrapper li.on .act {
    display: inline;
}

ul.iconWrapper li:hover .def,ul.iconWrapper li.on .def {
    display: none;
}

ul.iconWrapper li:hover,ul.iconWrapper li.on {
    color: #0d8fd2;
}

.iconSlide {
    padding: 0px 30px;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 10px;
    background: #fff;
    z-index: 99;
    height: 126px;
}
.iconSlide .iconWrapper  .slick-track{position: relative;}
.iconSlide .iconWrapper  .slick-track .prosubnav{position: absolute;left: 0;top: 124px;width: 185%;border: 1px solid #eee;background: #fff;min-height: 120px;display: none;z-index: 9999;padding: 20px 0;text-align: left;}
.iconSlide .iconWrapper  .slick-track li:hover  .prosubnav{display: block;}
.iconSlide .iconWrapper  .slick-track li.ani-show:hover  .prosubnav{left:auto;right:0;}
.iconSlide .iconWrapper  .slick-track .prosubnav a{padding-left: 11px;margin-right: 15px;background: url(../images/Top002299-icons.png) no-repeat -28px -114px;    display: inline-block; margin-left: 15px;  font-weight: normal;font-size: 14px;text-align: left;line-height: 20px;margin-bottom:8px;}
.iconSlide .iconWrapper  .slick-track .prosubnav a:hover{ background-position:-28px -114px;}
ul.iconWrapper li p{line-height: 24px;margin-top: 5px;}
ul.iconWrapper li > a{display: block;padding:20px 0;}


.iconSlide .slick-arrow{border:0;width: 30px;height:124px;margin-top:0;text-align:center;top: 0;}
.iconSlide .slick-prev {
    left: -30px;
	background:url(../images/lf.png) no-repeat center center #fff !important;
}
.iconSlide .slick-next {
    right: -30px;
	background:url(../images/rt.png) no-repeat center center #fff !important;
}


.itemSlide {
    position: relative;
	height:434px;
}

.itemSlide li .content {
    position: relative;
    z-index: 10;
    font-size: 14px;
    color: #888;
    line-height: 20px;
    padding: 22px;
}

.itemSlide li .content .ico {
    width: 70px;
    height: 70px;
    line-height: 70px;
    float: left;
    border-radius: 50%;
    background: #0d8fd2;
    text-align: center;
    font-size: 0;
}

.itemSlide li .content .ico img {
    vertical-align: middle;
}

.itemSlide li .content .text {
    margin-left: 92px;
}

.itemSlide li .content .text h3 {
    color: #333;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 5px;
}

.itemSlide li .content .text .txt { font-weight: 400;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.itemSlide li .content:before {
    content: "";
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #fff;
    bottom: 100%;
}
.itemSlide li .content:after{
	content:"";
	display:block;
	clear:both;
}
.itemSlide .bx-controls {
    left: auto !important;
    right: 0;
    bottom: 0 !important;
	z-index:20;
}

.itemSlide .bx-controls .bx-pager {
    display: none;
}

.itemSlide .bx-controls-direction {
    position: absolute;
    right: 0;
    bottom: 114px;
    font-size: 0;
    width: 50px;
}

.itemSlide .slick-arrow {width: 25px;height: 25px;border-radius:0;top:auto;margin-top:0;bottom:115px;border:0;}
.itemSlide .slick-prev {
    background: #85a2b1 url(../images/lb.png) no-repeat center !important;left:auto;right: 25px;
}

.itemSlide .slick-next {
    background: #6d8ea0 url(../images/rb.png) no-repeat center !important;right:0;
}
.ProdSolu .infobox .fr {
    padding: 48px 25px;
    border: 1px solid #eee;
    margin-right: 10px;
    background: #fff;
}

.ProdSolu .infobox .fr li {
    border: none;
    padding: 0 0 15px;
    margin-bottom: 14px;
    margin-top: 0 !important;
}


.ProdSolu .infobox .fr li .line {
    display: none;
}

.ProdSolu .infobox .fr li .txt {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    height: 44px;
    margin-top: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
}

.ProdSolu .infobox .HomeMore {
    padding: 0;
}

.ProdSolu .infobox .HomeMore a {
    display: block;
    width: auto;
    float: none;
    font-size: 16px;
    color: #6d8ea0;
    background: #fff;
    border: 1px solid #eee;
    line-height: 40px;
    height: auto;
    border-radius: 4px;
}

.ProdSolu .infobox .fr li .info {
    position: relative;
}
.boxin .iconHead .item .pic {
    float: left;
    width: 35px;
	height:35px;
}

.boxin .iconHead .item .pic img {
    width: 25px;
    height: auto;
    display: inline-block;
}
.boxin .iconHead .item .pic .on{display: none;}
.boxin .iconHead .item:hover .pic .on{display: inline-block;}

.boxin .iconHead .item {
    padding: 7px 20px;
    line-height: 35px;
    height: auto;
}

.ProdSolu .icobox .dot {
    font-size: 14px;
    color: inherit;
	display:inline;
}

.boxin .iconHead .item:hover {
    color: #48abdd;
}
.ProdSolu .icobox .list li {
    margin: 0 5px 25px 5px;
    width: 126px;
}
.ProdSolu .infobox .fl .itemSlide li{
	height:434px;
	list-style-type:none;
}
.ProdSolu .infobox .fl .itemSlide ul{
	margin:0;
	padding:0;
}
.ProdSolu .infobox .sliders {
    overflow: hidden;
	background: #fff;
    border: 1px solid #eee;
}
.ProdSolu .infobox .fr li .info{
	padding-left:90px;
}
.ProdSolu .infobox .fr li .dot { font-weight: 400;
    font-size: 16px;
    color: #333;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.ProdSolu .infobox .fr li .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
	display:block;
    margin-top: 4px;
}

.videobox .btn img{width:57px;}

.boxin {
    padding-right: 0;
}

.ProdSolu .infobox .fr {
    padding-right: 190px;
    border: 1px solid #eee;
}

.boxin .iconHead {
    border: none;
    right: 1px;
    top: 31px;
    background: none;
    padding: 0;
    border-left: 1px solid #eee;
    width: 180px;
}


.ProdSolu .icobox .list {
    right: 170px;
}

.ProdSolu .icobox .list li .pic {
    float: none;
}

.ProdSolu .icobox .list li .pic .on {
    display: none;
}

.ProdSolu .icobox .list li:hover .pic .on {display:block;}
.ProdSolu .icobox .list li:hover .pic .off {display:none;}

.ProdSolu .icobox .list li .dot {
    height: auto;
}

.ProdSolu .icobox .dot {font-weight: 400;
    font-size: 16px;
}

.ProdSolu .icobox .list li {
    margin-bottom: 10px;
}

.ProdSolu .icobox .list li:hover .dot {
    color: #0d8fd2;
}
.newsInfo .videobox video {
    height: auto;
    display: block;
    object-fit: cover;
}

.newsInfo .videobox .pic img {
    display: block;
    height: 100%;
}

.newsInfo .videobox .play {
    height: 100%;
}


.newsInfo .videobox {
    height: auto;
    position: relative;
}


/* 新增页面pc样式 */
.hl_clearfix::after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.hl_banner{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.hl_banner a{
    display: block;
    width: 100%;
    height: auto;
}
.hl_banner a img{
    border: none;
    vertical-align: middle;
	width:100%;
}


.hl_nav{
    height: 75px;
    padding-top: 15px;
}
.hl_nav .hl_nav_top{
    text-align: right;
    font-size: 12px;
    color: #999;
}
.hl_nav .hl_nav_top img{
    padding-right: 5px;
}
.hl_nav .hl_nav_top span.pic{
    height: 100%;
    width: 7px;
    display: inline-block;
    margin-right: 3px;
    background: url(../images/hl_pic.png) center no-repeat;

}
.hl_nav .hl_nav_top a{
    display: inline-block;
    margin-right: 3px;
      color: #999;
}
.hl_nav .hl_nav_top span{
    color: #333;
}
.hl_nav ul{
    margin: 0;
    border-bottom:1px solid #e7f0f4 ;
    padding: 0;
}
.hl_nav ul li{
    list-style: none;
    font-size: 16px;
    line-height: 3.125;
    float: left;
    position: relative;
    margin: 0 25px;
}
.hl_nav ul li:first-child{
    margin: 0 25px 0 0;
}
.hl_nav ul li.cur::before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #87b2c7;
}
.hl_nav ul li.cur a{
    font-weight: bold;
}


.hl_nav ul li a{
    padding: 0 15px;
    
}
.hl_nav .hl_nav_top a:hover{
    color: #333;
}
.hl_gk_title{
    font-size: 24px;
    text-align: left;
    font-weight: 700;
}
.hl_gk01 .hl_left{
    float: left;
    width: 56%;
    padding-top: 2%;
}
.hl_gk01 .hl_right{
    float: right;
    width: 38%;
    height: 100%;
    position: relative;
}
.hl_gk01 .hl_right .swiper-slide{
	height: 300px !important;
}
.hl_gk01 .hl_left h1,.hl_gk01 .hl_left h2{
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
}
.hl_gk01 .hl_left h1{
    margin: 20px 0 0 0;
}
.hl_gk01 .hl_left h2{
    margin: 20px 0 0 0;
}
.hl_gk01 .auto1200{
    height: 350px;
    margin-top: 50px;
    overflow: hidden;
}
.hl_gk01 .imgbox{
    padding:20px;
    background-image: url(../images/hl_bgimg_01.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.hl_gk01 .imgbox img{
    max-width: 100%;
}

.hl_gk01 .swiper-pagination-switch{
    width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    opacity: .5;
    margin: 0 5px;
    cursor: pointer;
}
.hl_gk01 .swiper-active-switch{
    opacity:1;
}
.hl_gk01 .pagination{
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 70px;
    text-align: center;
    z-index: 1;
}
.hl_gk02{
    padding:70px 0 80px ;
    background-color: #f7fafb;
}
.hl_gk02 ul{
    margin: 0;
    padding: 0;
    height: 60px;
    margin-top: 40px;
}
.hl_gk02 .hl_gk_title{
    text-align: center;
}
.hl_gk02 ul li{
    float: left;
    width: 25%;
    background-color: #e7ecee;
    background-image: url(../images/hl_icon_bg.png);
    background-position: left;
    background-repeat: no-repeat;
    list-style: none;
    position: relative;
    height: 100%;
    line-height: 60px;
    text-align: center;
    box-sizing: border-box;
}
.hl_gk02 ul li::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 1px;
    height: 100%;
}
.hl_gk02 ul li:last-child{
    border-right:unset ;
}

.hl_gk02 ul li.cur{
    background-color: #3497d4;
    background-image: url(../images/hl_icon_bgon.png);
    
}
.hl_gk02 ul li.cur a{
    color: #fff;
}
.hl_gk02 ul li a{
    font-size: 16px;
    line-height: 30px;
    color: #4b7082;
    line-height: 60px;
    float: left;
    margin-left: 30px;

}
.hl_gk02 ul li .imgbox{
    float: left;
    margin-top: 15px;
    margin-left: 65px;
    position: relative;
}
.hl_gk02 ul li .imgbox img{
    max-width: 30px;
    min-height: 30px;
    height: 30px;
}
.hl_gk02 ul li .imgbox img:first-child{
    display: none;
}
.hl_gk02 ul li .imgbox img:last-child{
    display: block;
}
.hl_gk02 ul li.cur .imgbox img:first-child{
    display: block;
}
.hl_gk02 ul li.cur .imgbox img:last-child{
    display: none;
}
.hl_gk02 ul li.cur .imgbox::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #3497d4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: block;
    position: absolute;
    right: -34px;
    top: 45px;
}
.hl_gk02 .hl_gk02_content .imgbox{
    width: 100%;
    box-sizing: border-box;
	max-height:160px;
}
.hl_gk02 .hl_gk02_content .imgbox img{
    width: 100%;
    max-height: 180px;
}
.hl_gk02 .hl_gk02_content .swiper-wrapper{
height: auto !important;
    display: inline-block;
}
.hl_gk02 .hl_gk02_content .swiper-slide{
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 30px;
}
.hl_gk02 .hl_gk02_item {
    overflow: hidden;
}
.hl_gk02 .hl_gk02_item .device{
    position: relative;
    margin: 0 -30px;
}
.hl_gk02 .hl_gk02_content .text{
    text-align: center;
    height: 70px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    position: relative;
    background-color: #fff;
}
.hl_gk02 .hl_gk02_content .text::before{
    content: '';
    width: 39px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../images/icon_to.png);
    background-repeat: no-repeat;
}
.hl_gk02 .hl_gk02_content .text a{
    width: 100%;
    height: 100%;
    line-height: 70px;
    display: block;
}

.hl_gk02  .hl_gk02_item01{
    position: relative;
    margin-top: 35px;
}

.arrow-left{
    width: 24px;
    height: 24px;
    background-color: #87b2c7;
    display: block;
    position: absolute;
    left: -50px;
    top: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 10;
}
.arrow-left::before{
    content: '';
    display: block;
    position: absolute;
    top: 33%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.arrow-right{
    width: 24px;
    height: 24px;
    background-color: #87b2c7;
    display: block;
    position: absolute;
    right: -50px;
    top: 56%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 10;
}
.arrow-right::before{
    content: '';
    display: block;
    position: absolute;
    top: 33%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 9px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.hl_gk03{
    padding: 70px 0;
}
.hl_gk03 .hl_gk_title{
    text-align: center;
}
.hl_gk03 .imgbox{
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.hl_gk03 .imgbox img{
    width: 100%;

}
.hl_gk03 .swiper-slide{
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 15px;
}
.hl_gk03 .device{
    height: 400px;
    position: relative;
    margin: 0 -15px;
}
.hl_gk03 .hl_gk03_item{
    overflow: hidden;
    margin-top: 30px;
}
.hl_gk03 .swiper-container{
    height: auto !important;
    display: block;
}
.hl_gk03 .swiper-container .swiper-wrapper {
    height: auto !important;
}
.hl_gk03 .swiper-slide .text{
    padding: 30px 20px 35px 20px;
    background-color: #f7fafb;
}
.hl_gk03 .swiper-slide .text p{
    height: 45px;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #414446;
	margin-top:0;
}
.hl_gk03 .swiper-slide .text p a{
    color: #414446;
}
.hl_gk03 .swiper-slide .text>a{
    font-size: 14px;
    color: #017fcc;
    position: relative;
}
.hl_gk03 .swiper-slide .text>a::before{
    content: '';
   position: absolute;
   right: -27px;
   top: 0;
   width: 16px;
   height: 16px;
   background-color: #017fcc;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}
.hl_gk03 .swiper-slide .text a::after{
    content: '';
    display: block;
    position: absolute;
    top: 27%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: -21px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.hl_gk03 .pagination{
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 7;
}
.hl_gk03 .swiper-pagination-switch{
    width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #e7ecee;
    opacity: .5;
    margin: 0 5px;
    cursor: pointer;
}
.hl_gk03 .swiper-active-switch{
    background-color: #87b2c7;
}


.hl_gk04{
    padding: 70px 0;
    background-color: #f7fafb;
	background-repeat:no-repeat;
	background-position:center;
}
.hl_gk04 .hl_gk_title{
    text-align: center;
}
.hl_gk04 .swiper-slide{
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 15px;
}
.hl_gk04 .swiper-slide .imgbox img{
	width:100%;

}
.hl_gk04 .swiper-slide .imgbox {
    max-height: 160px;
    overflow: hidden;
	    line-height: 0;
}
.hl_gk04 .hl_gk04_item .device{
    position: relative;
    margin: 0 -30px;
}
.hl_gk04 .hl_gk04_item{
    overflow: hidden;
}
.hl_gk04 .hl_gk04_item01{
    position: relative;
    margin-top: 35px;
}

.hl_gk04 .hl_gk04_item01 .swiper-wrapper{
      height: auto !important;
    display: inline-block;
}
.hl_gk04 .hl_gk04_item01{
    margin-top: 35px;
}
.hl_gk04 .swiper-slide .text{
  height: 145px;
  box-sizing: border-box;
    background-color: #fff;
    padding: 30px 25px 35px 25px;
	position:relative;
}
.hl_gk04 .swiper-slide p{
    font-size: 14px;
    line-height: 24px;
    color: #555;
    height: 45px;
    overflow: hidden;   
    margin-top: 20px;

}
.hl_gk04 .swiper-slide h1{
    margin: 0;
    padding: 0;
	height: 45px;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #414446;
}
.hl_gk04 .swiper-slide h1 a{
    font-size: 16px;
    line-height: 24px;
    color: #414446;
	font-weight:500;
	
	
}
.hl_gk04 .swiper-slide .hl_btn{
    font-size: 14px;
    color: #017fcc;
    position: absolute;
    bottom: 27px;
}
.hl_gk04 .swiper-slide .text .hl_btn:before{
    content: '';
    position: absolute;
    right: -27px;
    top: 5px;
    width: 16px;
    height: 16px;
    background-color: #017fcc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hl_gk04 .swiper-slide .text .hl_btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 35%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: -21px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.hl_gk05{
    height: 150px;
    position: relative;
}
.hl_gk05 .hl_left{
    font-size: 28px;
    line-height: 30px;
    color: #333;
    float: left;
    margin-top: 5%;
}
.hl_gk05 .hl_right{
    float: left;
    width: 150px;
    height: 50px;
    background-color: #f58221;
    margin-top: 4%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-left: 40px;
}
.hl_gk05 .hl_right a{
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    line-height: 50px;
    display: block;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.hl_ad01{
    padding: 70px 0 65px;
    box-sizing: border-box;
}
.hl_ad01 .hl_left{
    float: left;
    width: 28%;
}

.hl_ad01 .hl_right{
    float: right;
    width: 65.35%;
}
.hl_ad01 .hl_left .imgbox{
    position: relative;
    z-index: 1;
    height: 200px;
    width: 330px;
}
.hl_ad01 .hl_left .imgbox img{
    position: relative;
    z-index: 1;
	width: 100%;
    height: 200px;
}
.hl_ad01 .hl_left .imgbox::before{
    content: '';
    height: 140px;
    width: 140px;
    position: absolute;
    right: -17px;
    bottom: -20px;
    z-index: 0;
    background-image: url(../images/hl_ad_icon.png);
}
.hl_ad01 .hl_left .imgbox::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(131, 186, 218,.4);
    z-index: 1;
}

.hl_ad01 .hl_left .imgbox p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%) ;
    -webkit-transform:translate(-50%,-50%) ;
    -moz-transform:translate(-50%,-50%) ;
    -ms-transform:translate(-50%,-50%) ;
    -o-transform:translate(-50%,-50%) ;
    margin: 0;
    font-size: 20px;
    color: #fff;
    z-index: 2;
    font-weight: 700;
}
.hl_ad01 .hl_gk_title{
    margin-top: 10px;
}
.hl_ad01 .hl_right p{
    margin-top: 40px;
    font-size: 14px;
    line-height: 30px;
    color: #414446;
}
.hl_ad02{
    background-color: #f3f7f9;
    padding: 70px 0;
}

.hl_ad02 .hl_gk_title{

}
.hl_ad02 .hl_ad_desc{
    margin-top: 35px;
    font-size: 14px;
    line-height: 30px;
    color: #414446;
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e8eb;
}
.hl_ad02 ul{
    margin: 40px 0 0;
    padding: 0;
}

.hl_ad02 ul li{
    padding: 0;
    list-style: none;
    background-color: #fff;
    height: 500px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}
.hl_ad02 ul li h1{
    font-size: 140px;
    color: #f3f7f9;
    position: absolute;
    right: 0;
    bottom: -75px;
}
.hl_ad02 .hl_left{
    float: left;
   /* width: 67%;*/
    padding-top: 2.5%;
    height: 100%;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    box-sizing: border-box;
	padding:2.5% 2.5% 0;
}
.hl_ad02 .hl_right{
    float: right;
    width: 24.5%;
    margin-right: 50px;
    padding-top: 5%;
}
.hl_ad02 .hl_right p{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 0;
}
.hl_ad02 .hl_right span{
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #555555;
    margin-top: 20px;
}
.hl_ad02 .hl_right dl{
    margin: 30px 0 0 ;
    padding: 0;
}
.hl_ad02 .hl_right dl dt{
    font-size: 14px;
    line-height: 30px;
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 15px;
}
.hl_ad02 .hl_right dl dt::before{
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    display: block;
    background-image: url(../images/hl_ad_o.png);
}
.hl_ad02 .hl_left .imgbox{
    padding-left: 15px;
}
.hl_ad02 ul li:nth-child(2n) .hl_left{
    float: right;
}
.hl_ad02 ul li:nth-child(2n) .hl_right{
    float: left;
    margin-right: 0;
    margin-left: 50px;
}

.hl_ad02 ul li:nth-child(2n) h1{
    font-size: 140px;
    color: #f3f7f9;
    position: absolute;
    right: unset;
    left: 20px;
    bottom: -75px;
}
.hl_ad02 .hl_youshi{
    margin-top: 20px;
    background-color: #ffffff;
}
.hl_ad02 .hl_youshi p{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin: 0;
    padding: 0;
    font-weight: 700;
    margin-bottom: 10px;
}
.hl_ad02 .hl_youshi{
   padding: 40px 65px;
}
.hl_ad02 .hl_youshi h2{
    margin: 15px 0 0 ;
    padding: 0;
    color: #007fcc;
    position: relative;
    padding-left: 15px;
}
.hl_ad02 .hl_youshi h2::before{
    display: block;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #007fcc;
}

.hl_ad02 .hl_youshi h3{
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
}
.hl_ad02 .hl_youshi .hl_item01{
    float: left;
    width: 48%;
}

/* 单个轮播 */

.hl_ad03{
    padding: 70px 0;
}
.hl_ad03 .hl_ad03_item01 .swiper-wrapper{
    height: 375px !important;
}
.hl_ad03 .hl_ad03_item .swiper-slide {
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 15px;
}
.hl_ad03 .hl_ad03_item01{
    position: relative;
    margin: 0 -15px;
}
.hl_ad03 .hl_ad03_item{
    overflow: hidden;
}
.hl_ad03 .hl_ad03_itemb {
    position: relative;
    margin-top: 35px;
}
.hl_ad03 .imgbox{
    position: relative;
    /* width:  248px; */
    height: 210px;
    border: 1px solid #ebf0f2;
}
.hl_ad03 .imgbox img{
	width:100%;
	max-height:210px;
}
.hl_ad03 .imgbox img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.hl_ad03 .text{
    padding: 25px 25px 30px;
    border-bottom:1px solid #e8e8e8;
}
.hl_ad03 .text p{
    font-size: 16px;
    line-height: 24px;
    color: #414446;
    padding: 0;
    margin: 0;
    height: 48px;
    overflow: hidden;
}
.hl_ad03 .text>a {
    font-size: 14px;
    color: #017fcc;
    position: relative;
    display: inline-block;
    margin-top: 26px;
}
.hl_ad03 .text>a::before {
    content: '';
    position: absolute;
    right: -27px;
    top: 5px;
    width: 16px;
    height: 16px;
    background-color: #017fcc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hl_ad03 .text a::after {
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: -21px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.hl_ad03 .arrow-left,.hl_ad03 .arrow-right{
    top: 24%;
}
/* 单个轮播1 */

.hl_ad04{
    padding: 70px 0;
    background-color: #f7fafb;
}
.hl_ad04 .hl_ad04_item01 .swiper-wrapper{
    height: 380px !important;
}
.hl_ad04 .hl_ad04_item .swiper-slide {
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 15px;
}
.hl_ad04 .hl_ad04_item01{
    position: relative;
    margin: 0 -15px;
}
.hl_ad04 .hl_ad04_item{
    overflow: hidden;
}
.hl_ad04 .hl_ad04_itemb {
    position: relative;
    margin-top: 35px;
}
.hl_ad04 .imgbox{
    position: relative;
    /* width:  248px; */
    height: 160px;
    overflow: hidden;
}
.hl_ad04 .imgbox img{
    display: block;
    position: absolute;
    left: 0;

    right: 0;
    bottom: 0;
    margin: auto;
	 width: 100%;
    max-height: 190px;
}
.hl_ad04 .text{
    padding: 25px 25px 30px;
    background-color: #fff;
}
.hl_ad04 .text p{
    font-size: 16px;
    line-height: 24px;
    color: #414446;
    padding: 0;
    margin: 0;
    height: 48px;
    overflow: hidden;
}
.hl_ad04 .text>a {
    font-size: 14px;
    color: #017fcc;
    position: relative;
    display: inline-block;
    margin-top: 26px;
}
.hl_ad04 .text>a::before {
    content: '';
    position: absolute;
    right: -27px;
    top: 5px;
    width: 16px;
    height: 16px;
    background-color: #017fcc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hl_ad04 .text a::after {
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: -21px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.hl_ad04 .arrow-left,.hl_ad04 .arrow-right{
    top: 24%;
}
.hl_ad04 .pagination {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 7;
}

.hl_ad04 .pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #e7ecee;
    opacity: .5;
    margin: 0 5px;
    cursor: pointer;
}
.hl_ad04 .pagination .swiper-active-switch {
    background-color: #87b2c7;
}

.hl_ad05{
    padding: 70px 0;
}
.hl_ad05 ul{
    margin: 0;
    padding: 0;
    margin-top: 35px;
}
.hl_ad05 ul li{
    background-image: url(/uploadfiles/hl_fuwubg.png);
    text-align: center;
    height: 130px;
    list-style: none;
    width: 30.8%;
    float: left;
    margin-left: 3.75%;
    position: relative;
}
.hl_ad05 ul li:first-child{
    margin-left: 0;
}

.hl_ad05 ul li p{
    width: 76px;
    height: 76px;
    background-color: #1a96d4;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    float: left;
    margin-left: 40px;
    margin-top: 28px;
}
.hl_ad05 ul li p img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    
}
.hl_ad05 ul li  a{
    float: left;
    font-size: 16px;
    color: #414446;
    margin-top: 40px;
    margin-top: 60px;
    margin-left: 20px;
}
.hl_ad05 ul li  a::before{
    content: '';
    position: absolute;
    right: 33px;
    top: 62px;
    width: 16px;
    height: 16px;
    background-color: #017fcc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hl_ad05 ul li  a::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 38px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}



.hl_ad06{
    padding: 70px 0;
    background-color: #f7fafb;
    background-position: center;
    background-repeat: no-repeat;
}
.hl_ad06 .hl_ad06_item01 .swiper-wrapper{
    height: auto !important;
	    margin-bottom: 20px;
    display: inline-block;
}
.hl_ad06 .hl_ad06_item .swiper-slide {
    box-sizing: border-box;
    height: 100% !important;
    padding: 0 15px;
    position: relative;
}
.hl_ad06 .hl_ad06_item01{
    position: relative;
    margin: 0 -15px;
}
.hl_ad06 .hl_ad06_item{
    overflow: hidden;
}
.hl_ad06 .hl_ad06_itemb {
    position: relative;
    margin-top: 35px;
}
.hl_ad06 .imgbox{
    position: relative;
    /* width:  248px; */
    height: 192px;
}
.hl_ad06 .imgbox img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;

    margin: auto;
	width:100%;
	max-height:210px;
}
.hl_ad06 .text{
    width: 100%;
    height: 35px;
    background-image: url(../images/hl_xg_bg.png);
    position: absolute;
    bottom: 0;
}
.hl_ad06 .text a {
    font-size: 16px;
    color: #017fcc;
    position: relative;
    line-height: 35px;
    color: #fff;
    padding-right: 20px;
    float: left;
    margin-left: 53%;
}
.hl_ad06 .text a::after {
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.hl_ad06 .arrow-left,.hl_ad06 .arrow-right{
    top: 50%;
}


.hl_ad06 .pagination {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 7;
}

.hl_ad06 .pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #e7ecee;
    opacity: .5;
    margin: 0 5px;
    cursor: pointer;
}
.hl_ad06 .pagination .swiper-active-switch {
    background-color: #87b2c7;
}

.hl_ad02.hl_aq01 ul li{
    height: auto;
}
.hl_ad02.hl_aq01 ul li img{
	vertical-align: middle;
}
.hl_ad02.hl_aq01 .hl_left{
    /*width: 52%;*/
}
.hl_ad02.hl_aq01 .hl_right{
    /*width: 37.5%;！*/
    padding-top: 1%;
}
.hl_ad02.hl_aq01 .hl_small_title{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
}


@media (max-width: 1024px){
    .arrow-right{
        right: 0;
    }
    .arrow-left{
        left: 0;
    }
}


/*2022/1/10*/
.hl_gk_title {
    text-align: center;
}
.hl_ad01 .hl_gk_title {
      text-align: left;
}
.hl_ad02 ul li .app{
	display:none;
}
.hl_gk02 .hl_gk02_content .imgbox img {
    display: block;
}
div#banner.autoHeight,div#banner.autoHeight .ul li,div#banner.autoHeight li img {
    height: auto !important;
}


/*2022/1/17*/
.hl_gk03 .hl_gk03_item {
    overflow: inherit;
}
.arrow-left,
.arrow-right{
	top:40%;
	cursor: pointer;
}
.hl_ad06 .arrow-left, .hl_ad06 .arrow-right {
    top: 40%;
}
.hl_ad03 .arrow-left, .hl_ad03 .arrow-right {
    top: 45%;
}
.storyList .list li {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.hl_ad02 ul li dt span{
    padding-left: 15px;
         position: relative;
}
.hl_ad02 ul li dt span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #abc9d7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.aboutHome .fr .list .info .dot {
    margin-left: 0;
    white-space: nowrap;
}

.HomeMore a {
    display: block;
    float: none;
    margin-bottom: 6px;
}
/*ces132 */


@media(max-width:1024px){
	.ProdSolu .infobox .fl{width:auto;float:none;}
	.ProdSolu .infobox .fr{width:auto;float:none;padding: 15px;margin-right: 0;}
	.boxin .iconHead .item.more2{display: none}
	.boxin .iconHead{position:static;width:auto;font-size: 0;border-left:0;}
	.boxin .iconHead .item{display:inline-block;width:33.333%;padding:0;line-height:26px;}
	.boxin .iconHead .item .pic img{margin-top:-5px;}
	.ProdSolu .icobox .dot{font-size:14px;}
	.ProdSolu .icobox .list{display:none !important;}    
	ul.iconWrapper li p{line-height: 18px;padding: 0 5px;}

}

@media(max-width:640px){
	.ProdSolu .infobox .fl li .pic img{height:220px;}
	.ProdSolu .infobox .fl .itemSlide li {height:290px;}
	.itemSlide li .content .ico{width: 46px;height: 46px;line-height:46px;}
	.itemSlide li .content .text {margin-left:55px;}
	.itemSlide{height: 270px;}
	.ProdSolu .infobox .fr li .dot{font-size: 14px;line-height:22px;}
	.ProdSolu .infobox .fr li {padding-bottom: 0;}
	
	.boxin .iconHead .item{width: 50%;}
	.ProdSolu .infobox .HomeMore a{line-height:30px;}
}

@media(max-width:768px){

	.ProdSolu .infobox .fl .slick-list{overflow: hidden;}
}

.iconSlide .slick-slider,.iconSlide .slick-list{overflow: visible;}
.ProdSolu .infobox {overflow:hidden;}
/*.ProdSolu .infobox .bigslide{overflow: hidden;}*/
.iconSlide ul.iconWrapper li.slick-slide{opacity: 0;}
.iconSlide ul.iconWrapper li.slick-active{opacity: 1;}